@charset "utf-8";
/* Desktops and laptops ----------- */
    @media only screen
    and (min-width : 800px) {/*Desktop*/
		body{
			background-color:#FF6;
		}
		#geral{
			margin:0 auto;
			position:relative;
			width:300px;
			min-height:150px;
			margin-top:20%;
			/*border:1px solid #000;*/
		}
		#tb_login{
			position:relative;
			left:20px;
			top:20px;
			background-color:#CCC;
			border-bottom-radius:12px;
			box-shadow:2px 0px 12px #888;
			width:250px;
			height:150px;
		}
		.campo{
			font-size:16px;
			size:20px;
			border-radius:8px;
			padding-left:2px;
			
		}
		.txt{
			font-size:16px;
			font-family:"Courier New", Courier, monospace;
		}

    /* Styles */
    }
     
    /* old Smartphones (portrait and landscape) ----------- */
    @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px) {
		body{background-color:green;/*verde*/}
    /* Styles */
    }
    /* old Smartphones (portrait) ----------- */
    @media only screen
    and (max-width : 320px) {
		body{background-color:#036;/*vermelho*/}
    /* Styles */
    }
    
    /* iPhone 4 ----------- */
    @media
    only screen and (-webkit-min-device-pixel-ratio : 1.5),
    only screen and (min-device-pixel-ratio : 1.5) {
		body{ background:#F6F;}
		#geral{
			margin:0 auto;
			position:relative;
			width:300px;
			min-height:150px;
			margin-top:20%;
			/*border:1px solid #000;*/
		}
		#tb_login{
			position:relative;
			left:20px;
			top:20px;
			background-color:#CCC;
			border-bottom-radius:12px;
			box-shadow:2px 0px 12px #888;
			width:250px;
			height:150px;
		}
		.campo{
			font-size:16px;
			size:20px;
			border-radius:8px;
			padding-left:2px;
			
		}
		.txt{
			font-size:16px;
			font-family:"Courier New", Courier, monospace;
		}

    /* Styles */
    }
	
    /* Desire + Galaxy S2 (landscape) ----------- */
    @media only screen
    and (min-device-width : 480px)
    and (max-device-width : 800px)
    and (orientation : landscape) {
		body{background-color:#F00;/*vermelho*/}
    /* Styles */
    }
     
    /* Desire + Galaxy S2 (portrait) ----------- */
    @media only screen
    and (min-device-width : 480px)
    and (max-device-width : 800px)
    and (orientation : portrait) {
		body{
			background-color:blue;/*azul*/
		}
		#geral{
			position:relative;
			width:480px;
			min-height:150px;
			margin-top:20%;
		}
		#tb_login{
			position:relative;
			background-color:#CCC;
			border-bottom-radius:12px;
			box-shadow:2px 0px 12px #888;
			width:480px;
			height:250px;
		}
		.campo{
			font-size:60px;
			size:60px;
			border-radius:8px;
			padding-left:2px;
			
		}
		.txt{
			font-size:60px;
			font-family:"Courier New", Courier, monospace;
		}

    /* Styles */
    }